<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台 - 首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link href="/static/global/css/base/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/static/global/css/base/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="/static/global/css/base/animate.min.css" rel="stylesheet">
    <link href="/static/global/css/style-main.css" rel="stylesheet">
</head>

<body class="gray-bg">
    <div class="wrapper wrapper-content">

        <div class="row white-bg dashboard-header">
            <div class="col-sm-12">
            </div>
        </div>

        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-sm-12">
                    <div class="ibox-title">
                        <h4>数据绑定</h4>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-md-12">

                                <div id="interpolation"></div>

                                <div id="evaluation"></div>

                                <div id="arrays"></div>

                                <div id="condition"></div>

                                <div id="encode"></div>

                                <div id="part"></div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script src="/static/global/scripts/jquery.min.js"></script>
    <script src="/static/global/scripts/bootstrap.min.js"></script>

    <script src="/static/global/plugins/date/moment.js"></script>
    <script src="/static/global/plugins/date/moment-zh-cn.js"></script>

    <script id="interpolationtmpl" type="text/x-dot-template">
        <div>Hi {{=it.name}}!</div>
        <div>{{=it.age || ''}}</div>
    </script>

    <script id="evaluationtmpl" type="text/x-dot-template">
        {{ for(var prop in it) { }}
        <div>KEY:{{= prop }}---VALUE:{{= it[prop] }}</div>
        {{ } }}
    </script>

    <script id="arraystmpl" type="text/x-dot-template">
        {{~it.array:value:index}}
        <div>{{= index+1 }}{{= value }}!</div>
        {{~}}
    </script>

    <script id="conditionstmpl" type="text/x-dot-template">
        {{? !it.name }}
        <div>Oh, I love your name, {{=it.name}}!</div>
        {{?? !it.age === 0}}
        <div>Guess nobody named you yet!</div>
        {{??}}
        You are {{=it.age}} and still dont have a name?
        {{?}}
    </script>

    <script id="encodetmpl" type="text/x-dot-template">
        Visit {{!it.uri}} {{!it.html}}
    </script>

    <script id="parttmpl" type="text/x-dot-template">
        {{##def.snippet:
        <div>{{=it.name}}</div>{{#def.joke}}
        #}}
        {{#def.snippet}}
        {{=it.html}}
    </script>

    <script src="<%=htmlWebpackPlugin.files.chunks.views_dot.entry %>"></script>
</body>

</html>